<template>
    <!--服务保障-->
    <div class="service J_Content">
        <!-- 车和房类目的服务保障单独处理 (这里通过类目写死处理)-->
        <!-- 车类目 -->
        <div id="pm-detail-service" class="tb-module pm-detail-service tb-lazyload fn-clear">

            <h2>拍卖会机构服务保障</h2>


            <div class="service-box v-box fn-clear">
                <dl class="clearfix">
                    <dt>送拍机构服务及承诺</dt>

                    <dd class="option-c1 first">

                        <i class="icon icon-c1"></i>
                        <div class="title">送拍机构承诺如实描述拍品；</div>
                        <p></p>

                    </dd>

                    <dd class="option-c1">

                        <i class="icon icon-c1"></i>
                        <div class="title">送拍机构成交不卖，则拍品保证金退一赔五（汽车/房产品类退一赔一）作为赔付给竞买成功人；</div>
                        <p></p>

                    </dd>

                    <dd class="option-c1">

                        <i class="icon icon-c1"></i>
                        <div class="title">
                            关于运费：竞拍成功后，由送拍机构承担发货运费（港澳台除外）；其中拍卖行送拍的拍品，以及房地产、新车/二手车、媒体广告、运输设备、资产、媒体名人、虚拟、活体、服务类拍品，实物重50斤以上(大件家具30斤以上)或面积大于2个平方的拍品，以及类目有特别规定的不包邮；
                        </div>
                        <p></p>

                    </dd>

                    <dd class="option-c1 last">

                        <i class="icon icon-c1"></i>
                        <div class="title">关于拍卖行佣金收取：依据《中华人民共和国拍卖法》的规定，竞买人在竞拍成功后，需根据拍卖行约定（商品页面描述佣金额），缴纳约定比例、数额的佣金。</div>
                        <p></p>


                    </dd>

                </dl>
            </div>

            <div class="service-box h-box fn-clear">
                <dl class="clearfix">
                    <dt>维权服务发起流程</dt>


                    <dd class="option- first">

                        <img src="http://gtms04.alicdn.com/tps/i4/TB1C3tKKVXXXXcaXXXXeJo22XXX-854-109.png" alt="">


                    </dd>

                </dl>
            </div>

            <div class="service-box h-box fn-clear">
                <dl class="clearfix">
                    <dt>拍卖会基础服务</dt>


                    <dd class="option-b1 first">


                        <i class="icon icon-b1"></i>
                        <div class="title">如实描述承诺</div>
                        <p>送拍机构承诺如实描述，一旦发现描述不符的拍品，买家可在交易成功后指定期限内向拍卖会投诉送拍机构</p>


                    </dd>


                    <dd class="option-b2">


                        <i class="icon icon-b2"></i>
                        <div class="title">保证金保障</div>
                        <p>送拍机构入驻拍卖会需缴纳较高的经营保证金，买家维权有保障</p>


                    </dd>


                    <dd class="option-b3 last">


                        <i class="icon icon-b3"></i>
                        <div class="title">售后服务保障</div>
                        <p>送拍机构承诺提供全面的售后服务，买家在竞拍过程中及竞拍成功后，如遇售中或售后问题，可以要求拍卖会介入</p>


                    </dd>

                </dl>
            </div>

            <div class="service-box h-box option-show J_OptionShow fn-clear" style="display: block;">
                <dl class="clearfix">
                    <dt>拍品特色服务</dt>

                </dl>
                <div style="clear:both;" class="fn-clear">
                    <dd class="option-s1 first" style="display:block">
                        <div class="title">假一赔三</div>
                        <p>若机构售假，机构需赔付3倍成交金额给竞买成功者</p>
                    </dd>

                    <dd class="option-s2" style="display:block">
                        <div class="title">七天无理由</div>
                        <p>满足7天无理由退货申请的前提下，可提出7天无理由申请</p>
                    </dd>

                    <dd class="option-s3" style="display:block">
                        <div class="title">拍前预展</div>
                        <p>此款拍品提供线下预展，欢迎现场鉴赏</p>
                    </dd>

                    <dd class="option-s4 last" style="display:block">
                        <div class="title">花呗</div>
                        <p>该送拍机构已开通花呗支付</p>
                    </dd>
                </div>
            </div>


        </div>
    </div>
</template>

<script>
    export default {
        name: "PaiDetail_Protection"
    }
</script>

<style scoped lang="less">
    .service {
        overflow: hidden;
        padding: 0 20px 20px;

        .pm-detail-service {
            h2 {
                line-height: 148px;
                font-size: 38px;
                color: #1b1b1b;
            }

            .v-box {
                margin-bottom: 40px;

                dt {
                    margin-bottom: 20px;
                }

                dd {
                    font-size: 16px;
                    line-height: 38px;
                    list-style: square inside url(//gtms04.alicdn.com/tps/i4/TB1lMAMHFXXXXbaXXXXAz6UFXXX-16-16.png);

                    .icon {
                        margin-top: 10px;
                        margin-right: 14px;
                    }

                    .title {
                        margin-left: 30px;
                    }

                    .icon-c1 {
                        width: 17px;
                        height: 17px;
                    }
                }
            }

            .service-box {
                margin-bottom: 60px;
                color: #4c4c4c;

                dt {
                    float: none;
                    margin-bottom: 40px;
                    padding: 0 20px;
                    width: 222px;
                    height: 34px;
                    line-height: 34px;
                    color: #fff;
                    font-size: 22px;
                    text-align: left;
                    border: none;
                    background-color: #a47f1a;
                }

                dd {
                    float: none;
                    width: auto;
                    margin-left: 0;
                }

                .icon {
                    float: left;
                    display: inline-block;
                    background: url(//gw.alicdn.com/tps/TB1wKWdKVXXXXcSXVXXXXXXXXXX-100-100.png) no-repeat;
                }
            }

            dt {
                float: left;
                width: 100px;
                height: 100px;
                text-align: center;
                padding-top: 10px;
                border-right: 1px solid #E0DDDD;
            }

            dd {
                float: left;
                text-align: left;
                width: 165px;
                margin-left: 10px;
            }

            .h-box{
                dd {
                    float: left;
                    margin-right: -1px;
                    padding: 0 25px;
                    width: 180px;
                    min-height: 115px;
                    border-left: 1px solid #dcdcdc;
                    border-right: 1px solid #dcdcdc;

                    .icon-b1 {
                        background-position: -32px 0;
                    }

                    .icon-b2 {
                        background-position: -64px 0;
                    }

                    .icon-b3 {
                        background-position: 0 -64px;
                    }

                    .icon {
                        margin-right: 23px;
                        width: 32px;
                        height: 32px;
                    }

                    .title {
                        margin-bottom: 20px;
                        height: 32px;
                        line-height: 32px;
                        font-size: 20px;
                        color: #a47f1a;
                    }

                    p {
                        font-size: 14px;
                        line-height: 21px;
                    }
                }
                dd.first {
                    padding-left: 0;
                    border-left: none;
                }
                dd.last{
                    border-right: none;
                }
            }
        }
    }
</style>